.m-input {
    position: relative;
    height: 32px;
    padding: 10px 10px 8px 16px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
}

.m-input-label {
    font-size: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    line-height: 12px;
    font-weight: 600;
}

.m-input input {
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    border: 0;
}

.m-input input:focus {
    outline: 0;
}

.m-input input:disabled {
    background-color: #fff;
}

.m-input-wrapper {
    position: relative;
    -webkit-box-shadow: 1px 3px 9px 0px rgba(167, 167, 167, 0.71);
    box-shadow: 1px 3px 9px 0px rgba(167, 167, 167, 0.71);
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: normal;
}

.m-select {
    padding: 7px 0px 8px 14px;
    height: 32px;
    border: 0;
    border-radius: 3px !important;
    font-size: 12px;
    color: #3b2c0e;
    font-weight: 600;
    -webkit-box-shadow: 1px 3px 9px 0px rgba(167, 167, 167, 0.71);
    box-shadow: 1px 3px 9px 0px rgba(167, 167, 167, 0.71);
}

.m-select option {
    font-family: 'm-font';
    color: #3b2c0e;
    font-weight: 600;
}